<div id="courswareList" class="app-size-full app-padding-20" ng-controller="CourseController as vm">
    <div class="app-panel app-shadow-2 arp-border-radius-5 app-size-full app-padding-20">
        <div class="app-flex-row app-flex-between-x border-bottom height-60">
            <div class="app-flex-row">
                <div class="app-margin-right-10" ng-click="vm.topBtnEvent(btn.id)">
                    <div class="nav-title active height-60 line-h60 green" ng-class="">
                        <svg class="app-icon app-icon-20">
                            <use xlink:href="{{'#icon-rili'}}"></use>
                        </svg>
                        <span class="app-margin-left-5">课程设置</span>
                    </div>
                </div>
            </div>
            <div search-bar callback="vm.searchCallback"></div>
        </div>
        <div>
            <div class="app-flex-row app-flex-content app-padding-y-10 app-margin-top-20 border-0">
                <div class="course-items margin-lr25 float-l box-sizing-bor" ng-repeat="item in vm.course"
                     ng-mouseover="vm.itemShow(item.id)" ng-mouseleave="vm.itemHide(item.id)">
                    <div class="item-preview">
                        <img class="width100 height100" src="{{item.img}}" alt="">
                    </div>
                    <div class="item-title text-c font-c4 line-h40 height-40">{{item.relCourseName}}</div>
                    <div class="course-item-overly"
                         ng-class="{true:'display-b',false:'display-n'}[vm.isShow == item.id]"></div>
                    <div class="course-item-hover font-c3"
                         ng-class="{true:'display-b',false:'display-n'}[vm.isShow == item.id]">
                        <div class="hover-handle box-sizing-bor">
                            <a class="font-c3 cursor" ng-click="vm.itemVisit(item.id)">
                                <svg class="app-icon width-30 height-30">
                                    <use class="green" xlink:href="{{'#icon-externallink'}}"></use>
                                </svg>
                                <span>查看</span>
                            </a>
                            <a class="cursor" ng-click="vm.itemEdit(item.id)">
                                <svg class="app-icon width-25 height-25">
                                    <use class="green" xlink:href="{{'#icon-edit'}}"></use>
                                </svg>
                                <span>编辑</span>
                            </a>
                            <a class="cursor" ng-click="vm.itemDel(item.id)">
                                <svg class="app-icon width-30 height-30 margin-0">
                                    <use class="green" xlink:href="{{'#icon-x'}}"></use>
                                </svg>
                                </i><span>删除</span>
                            </a>
                        </div>
                        <div class="text-l padding-lr20 margin-t20 font-s12">{{item.relCourseName}}</div>
                        <div class="text-l padding-lr20 margin-t10 font-s12">{{item.relCurriculaCode}}</div>
                    </div>
                </div>
                <div class="course-add-item margin-lr25 float-l text-c border-das box-sizing-bor padding-t20 bg-white"
                     ng-click="vm.itemAdd()">
                    <div class="item-preview padding-t40 box-sizing-bor">
                        <svg class="app-icon width-40 height-40 margin-t40">
                            <use class="font-c9" xlink:href="{{'#icon-plus'}}"></use>
                        </svg>
                        <div class="margin-t20 font-c9">添加新课程</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="paging">
            <svg class="app-icon app-icon-20">
                <use xlink:href="{{'#icon-left1'}}"></use>
            </svg>
            显示<span>1</span>到<span>20</span>,共<span class="red">35</span>记录
            <svg class="app-icon app-icon-20">
                <use xlink:href="{{'#icon-right1'}}"></use>
            </svg>
        </div>
    </div>
    <div class="app-new-overly" ng-class="{true:'display-b',false:'display-n'}[vm.overlay]"></div>
    <div class="app-new-form"  ng-class="{true:'display-b',false:'display-n'}[vm.newFrame]">
        <div class="app-new-table">
            <div class="form-title">基本信息</div>
            <div class="form-row">
                <div class="item-name">课程名称</div>
                <div class="item-input"><input type="text" value="{{vm.stu.name}}" ng-readonly={{vm.isReadonly}}></div>
                <div class="item-name">课程体系</div>
                <div class="item-input"><input type="text" value="{{vm.stu.code}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">备注</div>
                <div class="item-input" style="width: 85%"><input type="password" value="{{vm.stu.rawPassword}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-handle">
                <div class="new-btn-submit cursor margin-r20" ng-class="{true:'display-n',false:'display-b'}[vm.isReadonly]" ng-click="vm.saveNewCourse()">保存</div>
                <div class="new-btn-cancel cursor" ng-click="vm.closeFrame()">取消</div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
</div>